<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/pure-min.css">
    <link rel="stylesheet" href="../css/base.css">
</head>
<body>
    <div class="pure-menu pure-menu-horizontal">
        <a href="javascript:;" class="pure-menu-heading pure-menu-link">WEB开发大本营</a>
        <ul class="pure-menu-list">
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">仪表盘</a></li>
            <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">用户管理</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">关于我们</a></li>
        </ul>
    </div>

    <div class="main">
        <div class="pure-button-group mtb-10">
            <button id="newUserBtn" class="pure-button pure-button-primary">新增用户</button>
            <button class="button-success pure-button">修改用户</button>
            <button id="deleBtn" class="pure-button button-error">删除用户</button>
        </div>
    <table id="userTable" class="pure-table">
        <thead>
            <tr>
                <th class="w20">#</th>
                <th class="w20"><input type="checkbox"></th>
                <th>用户名</th>
                <th>姓名</th>
                <th>性别</th>
                <th>学历</th>
                <th>注册时间</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    </div>
    <div id="dialog" class="dialog-wp">
        <div class="dialog-masker"></div>
        <div class="dialog">
            <div class="header">
                <i>&times;</i>
                <h1>对话框</h1>
                
            </div>
            <form class="pure-form pure-form-aligned">
                <fieldset>
                    <div class="pure-control-group">
                        <label for="username">用户名</label>
                        <input id="username" type="text" placeholder="用户名">
                    </div>

                    <div class="pure-control-group">
                        <label for="name">姓名</label>
                        <input id="name" type="text" placeholder="姓名">
                    </div>

                    <div class="pure-controls">
                        <button id="saveBtn" type="button" class="pure-button pure-button-primary">保存</button>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
    <script src="../js/ajax_util.js"></script>
    <script src="../js/user.js"></script>
</body>
</html>